<html>
<head>
 <style type='text/css'>
   table { caption-side: bottom;
         }
   caption { font-size: 75%;
             font-style: italic;
             text-align: center;
           }
 </style>

 <script type='text/javascript'>

    // this function creates each element in the nav bar
    function createNavElements( imageFile, htmlFile, nComments ) {
      // written as many write() calls for ease of reading/editting
      document.write("<table>");
      document.write("<caption>(" + nComments + " comments)</caption>");
      document.write(" <tr><td>");
      document.write("    <a onclick=\"javascript:showContent('" + htmlFile + "');\">");
      document.write("      <img width='160' style='border-style: none' src='" + imageFile + "'>");
      document.write("    </a>");
      document.write("    </td></tr>");
      document.write("</table>");
    }

    function showContent( doc ) {
      parent.contentFrame.document.location = doc;
    }
 </script>
</head>
<body>

<script type='text/javascript'>
// Start of customized content.
createNavElements( '/Users/blueomh/Downloads/hw4/samples/java/HTMLPageGen/../../images/2594806384_fab8877494_b.jpg' ,'2594806384_fab8877494_b.html', 2 );
createNavElements( '/Users/blueomh/Downloads/hw4/samples/java/HTMLPageGen/../../images/3697893298_9696c04dc5_b.jpg' ,'3697893298_9696c04dc5_b.html', 2 );
createNavElements( '/Users/blueomh/Downloads/hw4/samples/java/HTMLPageGen/../../images/3855919965_f5e1307e07.jpg' ,'3855919965_f5e1307e07.html', 2 );
// end of customized content
</script>

</body>
</html>
